@charset "UTF-8";

html{
    font-family: "微软雅黑";
}

@rex : 1/(100rem); 

body {
    font-family:arial,Helvetica Neue,Helvetica,STHeiTi,sans-serif;
    color: #333;
    background-color: #fff;
    overflow-x: hidden;
    font-size: 16*@rex;
}
a {
    color: #333;
    text-decoration: none
}

a:focus,a:hover {
    color: #333;
}
.hidden{
    visibility:hidden;
    *{
        visibility:hidden;
    }
}
.w100 img{width: 100%;display: block;}
.f-r{float: right;}
.f-l{float: left;}

.fm-pro{
    .content{
        .section{
           position: relative;
        }
        .seven{
            background-color: #040000;
            text-align: center;
            .top-img{
                width: 922*@rex;
                margin: 0 auto;
                padding-top: 20*@rex;
                img{
                    width: 100%;
                    display: block;
                }
            }
            .seven-add{
                position: relative;
                .top-img2{
                    margin: 0 auto;
                    width: 922*@rex;
                    margin-top: 65*@rex;
                    img{
                        width: 100%;
                        display: block;
                    }
                }
                .seven-introduce{
                    position: absolute;
                    top: 50%;
                    left: 47%;
                    span{
                        display: block;
                        text-align: left;
                        color: #fff;
                        font-size: 28*@rex;
                        line-height: 40*@rex;
                        cursor: default;
                    }
                    p{
                        color: #fff;
                        font-size: 56*@rex;
                        line-height: 32*@rex;
                        display: block;
                        vertical-align: top;
                        text-align: left;
                        margin-top: 25*@rex;
                        margin-bottom: 25*@rex;
                        cursor: default;
                    }
                }
            }
            .seven-know{
                margin-top: 120*@rex;
                text-align: center;
                span{
                    display: block;
                    vertical-align: top;
                    color: #ed9e10;
                    font-size: 21*@rex;
                    line-height: 40*@rex;
                    cursor: pointer;
                }
                p{
                  display: block;
                  vertical-align: top;
                  color: #424242;
                  font-size: 80*@rex;                        
                }
            }
        }
        .otherseven{
            .otherseven-img1{
                width: 142*@rex;
                margin: 34*@rex auto;
                img{
                    width: 100%;
                    display: block;
                }
            }
            .otherseven-img2{
                width: 1920*@rex;
                margin: 0 auto;
                img{
                    width: 100%;
                    display: block;
                }
            }
            .otherseven-img3{
                position: relative;
                width: 535*@rex;
                margin: 0 auto;
                img{
                    width: 100%;
                    display: block;
                }
                .otherseven-introduce{
                    position: absolute;
                    top: 33%;
                    left: 15%;
                    p{
                        display: block;
                        vertical-align: top;
                        font-size: 56*@rex;
                        margin-top: 20*@rex;
                        margin-bottom: 10*@rex;
                        cursor: default;
                    }
                    span{
                        display: inline-block;
                        padding-left: 35*@rex;
                        font-size: 26*@rex;
                        cursor: default;
                        line-height: 34*@rex;
                        vertical-align: top;
                    }
                }
            }
            .otherseven-menu{
                width: 820*@rex;
                margin: 0 auto;
                margin-top: 70*@rex;
                ul{
                    li{
                        float: left;
                        width: 115*@rex;
                        padding-left: 12.5*@rex;
                        img{
                            width: 100%;
                            display: block;
                        }
                    }
                }
            }
        }
        .lunbo{
            width: 100%;
            img{
                width: 100%;
                display: block;
            }
            .hd ul{
                text-align: center;
                li{
                    display: inline-block;
                    margin: 0 20*@rex;
                    cursor: pointer;
                    color: #666;
                    opacity: 0.5;
                    font-size: 32*@rex;
                    &.on{
                        color: #333;
                        opacity: 1;
                    }
                }
            }
        }
        .introduce{
            width: 922*@rex;
            margin: 0 auto;
            ul{
                border-bottom: 1px solid #efefef ;
                li{
                    line-height: 40*@rex;
                    height: 40*@rex;
                    span{
                        display: block;
                        float: left;
                        font: 25*@rex;
                    }
                    p{
                        width: 330*@rex;
                        display: block;
                        float: right;
                        text-align: left;
                        font: 25*@rex;
                    }
                }
            }
            .zhuyi{
                margin-bottom: 50*@rex;
                span{
                    line-height: 40*@rex;
                    height: 40*@rex;
                    display: block;
                    vertical-align: top;
                    font: 25*@rex;
                }
                p{
                    display: block;
                    vertical-align: top;
                    width: 600*@rex;
                    line-height:35*@rex;
                    height: 35*@rex;
                    font: 25*@rex;
                }
            }
        }
        .brewinge{
            width: 100%;
            margin: 0 auto;
            img{
                width: 100%;
                display: block;
            }
        }
        .tradition{
            .tradition-img{
                width: 1042*@rex;
                float: left;
                img{
                    width: 100%;
                    display: block;
                }
            }
            .tradition-content{
                float: left;
                width: 420*@rex;
                margin-top: 72*@rex;
                position: relative;
                span{
                    display: block;
                    vertical-align: top;
                    font-size: 60*@rex;
                }
               ul{
                   float: right;
                   li{
                       text-align: right;
                       font-size: 28*@rex;
                       padding-top: 5*@rex;
                       i{   
                            margin-top: 30*@rex;
                            margin-bottom: 30*@rex;
                            display: block;
                            background-color: #000;
                            height: 6*@rex;
                            width: 123*@rex;
                            float: right;
                       }
                   }
               }
               .tradition-content-img{
                   position: absolute;
                   bottom: -130%;
                   right: 0;
                   width: 155*@rex;
                   img{
                       width: 100%;
                       display: block;
                   }
               }
            }
        }
        .place{
            position: relative;
            font-size: 0;
            .place-img{
                width: 100%;
                margin: 0 auto;
                img{
                    width: 100%;
                    display: block;
                }
            }
            .place-content{
                float: left;
                width: 540*@rex;
                margin-top: 72*@rex;
                position: absolute;
                top: 0;
                left: 23%;
                span{
                    display: block;
                    vertical-align: top;
                    font-size: 60*@rex;
                }
                ul{
                   float: left;
                   li{
                       text-align: left;
                       font-size: 28*@rex;
                       padding-top: 5*@rex;
                       i{   
                            margin-top: 30*@rex;
                            margin-bottom: 30*@rex;
                            display: block;
                            background-color: #000;
                            height: 6*@rex;
                            width: 123*@rex;
                            float: left;
                       }
                   }
                }   
            }
        }
        .time{
            position: relative;
            .time-content{
                float: left;
                width: 495*@rex;
                margin-top: 72*@rex;
                position: absolute;
                top: 0;
                right: 23%;
                span{
                    display: block;
                    vertical-align: top;
                    font-size: 60*@rex;
                    color: #fff;
                }
                ul{
                   float: right;
                   li{
                       text-align: right;
                       font-size: 28*@rex;
                       padding-top: 5*@rex;
                       color: #fff;
                       i{   
                            margin-top: 30*@rex;
                            margin-bottom: 30*@rex;
                            display: block;
                            background-color: #fff;
                            height: 6*@rex;
                            width: 123*@rex;
                            float: right;
                       }
                   }
                }   
            }
            .time-img{
                width: 147*@rex;
                position: absolute;
                top: 8%;
                left: 21%;
            }
            .time-img3{
                width: 587*@rex;
                position: absolute;
                top: 37%;
                left: 25%;
                z-index: 99;
            }
        }
        /*纯真好蜜*/
       .czhm{
           position: relative;
           width: 100%;
           font-size: 0;
           .jcpz{
               position: relative;
               padding-top: 188*@rex;
               width: 100%;
               text-align: center;
               span{
                   font-size: 60*@rex;
                   color: #fff;
               }
               ul{
                   padding-left: 33%;
                   margin-top: 25*@rex;
                   margin-bottom: 25*@rex;
                   li{
                       color: #ee991c;
                       font-size: 60*@rex;
                       float: left;
                       padding: 0 40*@rex;
                       border-right:4px solid #ee991c ;
                   }
               }
               p{
                   display: block;
                   color: #fff;
                   font-size: 28*@rex;
                   text-align: center;
                   letter-spacing:8px;
                   line-height: 45*@rex;
                   height: 45*@rex;
               }
               .czhm-img2 {
                   position: absolute;
                    width: 147*@rex;
                    bottom: -450*@rex;
                    right:24%;
               }
           }
           .czhm-all{
//              position: absolute;
                top: 29%;
                width: 100%;
                text-align: center;
               .czhm-c{
                   .czhm-c-img{
                       width: 114*@rex;
                       margin: 0 auto;
                   }
                   span{
                       color:#a18978;
                       display: block;
                       font-size: 48*@rex;
                       margin-top: 40*@rex;
                       margin-bottom: 22*@rex;
                   }
                   p{
                       display: block;
                       color: #fff;
                       font-size: 32*@rex;
                       line-height: 40*@rex;
                       height: 40*@rex;
                   }
               }
               .czhm-z{
                   padding-top: 630*@rex;
                   .czhm-z-img{
                       width: 114*@rex;
                       margin: 0 auto;
                       margin-top: 40*@rex;
                       margin-bottom: 30*@rex;
                   }
                   span{
                       color:#a18978;
                       display: block;
                       font-size: 48*@rex;
                       line-height: 60*@rex;
                       height: 60*@rex;
                   }
                   p{
                       display: block;
                       color: #fff;
                       font-size: 32*@rex;
                        margin-top: 22*@rex;
                        margin-bottom: 22*@rex;
                   }
               }
               .czhm-h{
                   .czhm-h-img{
                       width: 578*@rex;
                       margin: 0 auto;
                       margin-top: 40*@rex;
                       margin-bottom: 30*@rex;
                   }
                   span{
                       color:#a18978;
                       display: block;
                       font-size: 48*@rex;
                       line-height: 60*@rex;
                       height: 60*@rex;
                       vertical-align: bottom;
                   }
                   p{
                       display: block;
                       color: #fff;
                       font-size: 32*@rex;
                       line-height: 40*@rex;
                       height: 40*@rex;
                   }
               }
               .czhm-m{
                   .czhm-img3{
                       width: 412*@rex;
                       margin: 0 auto;
                       img{
                           margin-top: 40*@rex !important;
                            margin-bottom: 25*@rex !important;
                       }
                   }
                   .czhm-m-img{
                       width: 114*@rex;
                       margin: 0 auto;
                       margin-top: 60*@rex;
                       margin-bottom: 30*@rex;
                   }
                   span{
                       color:#a18978;
                       display: block;
                       font-size: 48*@rex;
                       line-height: 60*@rex;
                       height: 60*@rex;
                       vertical-align: bottom;
                       margin-bottom: 22*@rex;
                   }
                   p{
                       display: block;
                       color: #fff;
                       font-size: 32*@rex;
                       line-height: 40*@rex;
                       height: 40*@rex;
                   }
               }
           }
       }
       /*组织*/
        .zuzhi{
          background-color: #ebebeb;
            .zuzhi-tit{
                text-align: center;
                padding-top: 78*@rex;
                padding-bottom: 78*@rex;
                span{
                  display: block;
                  vertical-align: top;
                  font-size: 50*@rex;
                }
            }
            ul{
                width: 1000*@rex;
                margin: 0 auto;
                padding-bottom: 83*@rex !important;
                li{
                    width: 152*@rex;
                    float: left;
                    margin-left: 15*@rex;
                    img{
                        width: 100%;
                    }
                }
                li:first-child{
                    margin-left: 0;
                }
            }
        }
         /*调护*/
        .tiaohu{
            position: relative;
            text-align: center;
            background-color: #ebebeb;
            .tiaohu-img{
                width: 100%;
                margin: 0 auto;
            }
            .tiaohu-tit{
                position: absolute;
                top: 120*@rex;
                left: 50%;
                margin-left: -140*@rex;
                span{
                    display: block;
                    color: #fff;
                    font-size: 51*@rex;
                    margin-bottom: 10*@rex;
                }
                p{
                    display: inline-block;
                    color: #fff;
                    font-size: 26*@rex;
                    padding-left: 25*@rex;
                }
            }
            .tiaohu-content{
                width: 1000*@rex;
                margin: 0 auto;
                ul{
                    margin-top: 45*@rex;
                    li{
                        width: 333*@rex;
                        float: left;
                        padding-left:50*@rex;
                        span{
                            display: block;
                            font-size: 60*@rex;
                            text-align: center;
                            margin-bottom: 25*@rex;
                        }
                        p{
                            display: block;
                            font-size: 30*@rex;
                            text-align: left;
                            word-break:break-all;
                            white-space:normal;
                            line-height: 40*@rex;
                        }
                    }
                    li:first-child{
                        padding-left: 0;
                    }
                }
                .tiaoshi-img2{
                    margin-top: 35*@rex;
                    img{
                        margin: 0 auto;
                        width: 100%;
                    }
                }
                .tiaoshi-img3{
                     margin-top: 35*@rex;
                    img{
                        margin: 0 auto;
                        width: 100%;
                    }
                }
                .tiaoshi-img4{
                     margin-top: 35*@rex;
                    img{
                        margin: 0 auto;
                        width: 100%;
                    }
                }
            }
        }
        /*出口*/
       .chukou{
           .chukou-tit{
               text-align: center;
               font-size: 48*@rex;
               margin-top: 55*@rex;
           }
           p{
               display: block;
               width: 112*@rex;
               height: 4*@rex;
               background-color: #000;
               margin: 0 auto;
               margin-top:30*@rex ;
               margin-bottom:30*@rex ;
           }
           span{
               display: block;
               text-align: center;
               font-size: 27*@rex;
               line-height: 40*@rex;
               height: 40*@rex;
           }
           .chukou-img{
               width: 196*@rex;
               margin: 0 auto;
               margin-top: 35*@rex;
               margin-bottom: 35*@rex;
           }
           .chukou-menu{
               width: 1000*@rex;
               margin: 0 auto;
               ul{
                   margin-bottom: 25*@rex;
                   li{
                       width: 130*@rex;
                       float: left;
                       margin-left: 10*@rex;
                       img{
                           width: 100%;
                       }
                   }
               }
           }
       }
       .lunbo2{

           width: 100%;
           height: 480*@rex;
           background-color: #ebebeb;
           .lunbo2-img{
               position: relative;
               width: 299*@rex;
               margin: 0 auto;
               padding-top: 30*@rex !important;
               z-index: 1;
                .lunbo2-img2{
                   position: absolute;
                   width: 270*@rex;
                   top: 11%;
                   left:-75%;
                   z-index: -1;
               }
               .lunbo2-img3{
                   position: absolute;
                   width: 270*@rex;
                   top: 11%;
                   right:-75%; ;
                   z-index: -1;
               }
           }
          
       }
       .buy{
            position: relative;
            height: 605*@rex;
           .buy-content{
                float: left;
                margin-top: 72*@rex;
                position: absolute;
                top: 0;
                left: 23%;
                span{
                    display: block;
                    vertical-align: top;
                    font-size: 60*@rex;
                }
                ul{
                   float: left;
                   li{
                       text-align: left;
                       font-size: 28*@rex;
                       padding-top: 20*@rex;
                       i{   
                            margin-top: 30*@rex;
                            margin-bottom: 30*@rex;
                            display: block;
                            background-color: #000;
                            height: 6*@rex;
                            width: 123*@rex;
                            float: left;
                       }
                   }
                   li:first-child{
                       padding-top: 0;
                   }
                }   
            }
            .buy-img1{
                width: 534*@rex;
                position: absolute;
                top: 13%;
                right: 18%;
            }
            .buy-img2{
                width: 180*@rex;
                position: absolute;
                top: 77%;
                left: 23%;
            }
       }
       .more{
            position: relative;
            .more-img{
                width: 100%;
            }
           .more-content{
               width: 100%;
               position: absolute;
               text-align: center;
                margin-top: 120*@rex;
                top: 0;
                span{
                    display: block;
                    vertical-align: top;
                    font-size: 48*@rex;
                }
                ul{
                   li{
                       font-size: 28*@rex;
                       padding-top: 20*@rex;
                       i{   
                            margin-top: 30*@rex;
                            margin-bottom: 30*@rex;
                            display: block;
                            background-color: #000;
                            height: 6*@rex;
                            width: 123*@rex;
                            margin: 30*@rex auto;
                       }
                   }
                   li:first-child{
                       padding-top: 0;
                   }
                }
                .more-img{
                    width: 216*@rex;
                    margin: 0 auto;
                    margin-top: 11%;
                } 
                .more-content2{
                    width: 100%;
                    margin-top: 20*@rex;
                    font{
                        display: block;
                        font-size: 33*@rex;
                        text-align: center;
                        color: #7c7d7d;
                    }
                    p{
                        display: block;
                        font-size: 17*@rex;
                        text-align: center;
                        color: #7c7d7d;
                    }
                }  
            }
       }
    }
    .footer{
        background-color: #554e49;
        height: 52*@rex;
        .footer-content{
            width: 1200*@rex;
             margin: 0 auto;
            span{
            display: block;
            color: #fff;
            float: left;
            font-size: 14*@rex;
            line-height: 52*@rex;
            height: 52*@rex;
            }
            p{
                display: block;
                color: #fff;
                float: right;
                font-size: 14*@rex;
                line-height: 52*@rex;
                height: 52*@rex;
            }
        }
    }
    .cbg{
//      height: 3460*@rex;
    }
}